<%- include header%>

<div class="pub_tra">
	<div class="container" style="margin-top: -20px; padding: 50px;">
	<div class="col-lg-12 col-md-12 col-sm-12">
			<div class="col-lg-3 col-md-3 col-sm-3" 
				style="border: 1px solid #D9D9D9;height: 200px;box-shadow:0px 0px 2px #95A5A6">
			<div class="change">
			
				</span>
			
		</div>
			</div>
			<div class="col-lg-8 col-md-8 col-sm-8">

				
		</div>
		
	</div>
</div>

<%- include footer%>
<link rel="stylesheet" href="/stylesheets/pub_tra.css" />


<script type="text/javascript">
	jq = jQuery.noConflict();
	jq(function(){
		jq(".areas a").on('click',function(){
			
			var areas=jq(this).text();
			console.log(areas);
		});
		jq(".days a").on('click',function(){
			
			var days=jq(this).text();
			console.log(days);
			
		});
	});
	
</script>


	<style>
		.container h3:first-child{
			margin-left: 30%;
			color:#4682B4; 
			font-family: '楷体'; 
			font-size: 35px; 
			font-weight: bold;
		}
		.container h4:first-child{
			font-size: 15px;
		}
		.container>h4>a{
			margin-left: 2%;
			padding-right: 20px;
		}
		#show>button{
			float: right;
			border:none;
			color: steelblue;
			background: none;
			
		}
		pre{
			border: none;
			background: none;
			font-size: 14px;
			line-height: 1.42857;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			color: #333;
		}
	</style>
